.trade{
	.tr_nav{
		background-color: #fff;
		list-style-type:none;
		height:2.5rem;
	  overflow: hidden;
	  position: fixed;
		left:0rem;
		top: 0;
		z-index: 100;
		&::before,
		&::after{
	    content: "";
	    display: block;
	    height: 0;
	    line-height: 0;
	    visibility: hidden;
	    clear: both;
		}
		li{
			float: left;
			padding:.0 .5rem;
			line-height: 2.5rem;
			font-size: .9rem;
			width:5.5rem;
			height:2.5rem;
			text-align: center;
		}
		.active{
			color:rgb(223,18,18);
		}
	}
	.fixed{
		background-color: #fff;
		position: fixed;
		right:.6rem;
		top: 0.666667rem;
		border-left: rgb(151,151,151) 0.066667rem solid;
		padding-left: .6rem;
		z-index: 111;
		color:rgb(102,102,102);
		height:0.933333rem;
		font-size: 0.933333rem;
		line-height: 0.933333rem;
	}
	.trade_content{
		&>ul{
			list-style-type:none;
			position: fixed;
			left:.0;
			top:2.55rem;
			z-index: 111;
			background-color: #fff;
			border-top:rgb(204,204,204) 0.066667rem solid;
			border-bottom:rgb(204,204,204) 0.066667rem solid;
			padding:1rem 0;
			&::before,
			&::after{
		    content: "";
		    display: block;
		    height: 0;
		    line-height: 0;
		    visibility: hidden;
		    clear: both;
		    width:100%;
			}
			li{
				float: left;
				width:25%;
				text-align: center;
				padding:.3rem 0;
				font-size: .9rem;
			}
		}
		.hid{
			display: none;
		}
	}
}
